<template>
  <div class="foot">
    <div class="logo">
        <img src="../assets/imgs/logo-footer.png" alt="">
    </div>
    <div style="color: #7B858F;">小米商城</div>
    <ul class="footlist">
        <li>小米商城</li>
        <li>|</li>
        <li>MIUI</li>
        <li>|</li>
        <li>米家</li>
        <li>|</li>
        <li>米聊</li>
        <li>|</li>
        <li>多看</li>
        <li>|</li>
        <li>游戏</li>
        <li>|</li>
        <li>政企服务</li>
        <li>|</li>
        <li>小米天猫店</li>
    </ul>
    <div style="color: #7B858F;"> © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</div>
  </div>
</template>

<script>
export default {
  name: 'foot',
  data() {
    return {};
  },
};
</script>
<style lang='less'>
    .foot{
        width: 100%;
        border-top: 2px solid #ff6600;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 160px;
        background: #333333;
        .logo{
            width: 44px;
            height: 36px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .footlist{
            display: flex;
            color: #7B858F;
            li{
                margin: 0 5px;
            }
        }
    }
</style>